<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="lib/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!--顶部-->
    <div class="top_box">
        <div class="container">
               <div class="clearfix top_in">
                   <p class="left dec">SSM比赛报名系统</p>
                   <div class="right contact">
                        
                       <div class="other_contact contact_item">
                           <a href="javascript:;">
                               <i class="iconfont icon-qq1"></i>
                           </a>
                           <a href="javascript:;">
                               <i class="iconfont icon-weibo"></i>
                           </a>
                           <a href="javascript:;">
                               <i class="iconfont icon-weixin"></i>
                           </a>
                       </div>
                       <!-- <div class="search contact_item">
                           <a href="javascript:;"><i class="iconfont icon-11"></i></a>
                       </div> -->
                         <div class="search contact_item">
                           <a href="log.html">登录</a>
                       </div> 
                       <div class="search contact_item">
                        <a href="reg.html">注册</a>
                    </div> 
                   </div>
               </div>
        </div>
    </div>
    <!--导航-->
    <div class="top_nav_box">
        <div class="container">

            <div class="clearfix">
                <div class="logo left">
                    <a href="javascript:;">
                        <img src="images/logo.png" alt="">
                    </a>
                </div>
                <ul class="nav_list left clearfix">
                    <li class="item active">
                        <a href="javascript:;" class="nav_name" style="font-size: 20px;">首页</a>
                    </li>
                    <li class="item">
                        <a href="matchs.html" class="nav_name" style="font-size: 20px;">竞赛</a>
                    </li>
                    <li class="item">
                        <a href="course.html" class="nav_name" style="font-size: 20px;">课程</a>
                    </li>
                    <li class="item">
                        <a href="news.html" class="nav_name" style="font-size: 20px;">资讯</a>
                    </li>
                    <li class="item">
                        <a href="essay.html" class="nav_name" style="font-size: 20px;">文章</a>
                        <!-- <ul class="down_list">
                            <li class="down_list_item">
                                <a href="javascript:;">产品套餐</a>
                            </li>
                            <li class="down_list_item">
                                <a href="javascript:;">服务列表</a>
                            </li>
                        </ul> -->
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name" style="font-size: 20px;">我要发布</a>
                         <ul class="down_list">
                            <li class="down_list_item">
                                <a href="javascript:;" style="font-size: 16px;">发布比赛</a>
                            </li>
                            <li class="down_list_item">
                                <a href="javascript:;" style="font-size: 16px;">发布文章</a>
                            </li>
        
                        </ul>
                    </li>
                    
                    
                   
                    <!-- <li class="item">
                        <a href="javascript:;" class="nav_name">H5平台系统</a>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name">云服务器</a>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name">联系我们</a>
                    </li> -->
                </ul>
                <ul>
                    <li class="item active" style="text-align: right;padding-right: 70px;padding-top: 32px;">
                        <input style="padding-bottom: 10px;line-height: 18px;font-size: 14px; width: 155px;height: 18px; border: 1.5px solid gray;border-radius: 12px 0px 0px 12px;border-right: none;padding-top: 10px;" 
                        type="text" placeholder="搜索比赛">
                        <input style="margin: 0px 0px 0px -3px;padding-bottom: 10px;line-height: 26px;font-size: 14px; width: 60px;height: 42px; border: 1px solid;border-radius: 2px 12px 12px 2px;padding-top: 8px;color:white;background-color:black;"
                         type="button" value="搜索" placeholder="搜索比赛">
                    </li>
                </ul>
            </div>
        </div>
        
    <!--banner-->
    <div class="swiper-container banner_container">
        <div class="swiper-wrapper">

            <div class="swiper-slide">
                <a href="#">
                    <img style="width: 1800px;height: 450px;" src="D:\tu爬图\png格式\976_5fcc50f5bb2b9.png" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="#">
                    <img style="width: 1800px;height: 450px;" src="D:\tu爬图\png格式\439_5fcc4df8d8542.png" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="#">
                    <img style="width: 1800px;height: 450px;" src="D:\tu爬图\png格式\59_5fcc4e7af3e60.png" alt="">
                </a>
            </div>
            <!-- <div class="swiper-slide" >
                <a href="#">
                    <img src="images/banner.jpg" alt="">
                </a>
            </div> -->
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next banner_next"></div>
        <div class="swiper-button-prev banner_prev"></div>
    </div>
    <!--服务介绍-->
    <div class="service_wrap">
        <div class="title">
            <div class="title_top">
                <h2><span class="color_b">COM</span>PETITION</h2>
            </div>
            <p class="title_name">热门竞赛</p>
        </div>
        <div class="container">
            <ul class="service_list clearfix">
                <li class="service_item">
                    
                    <div style="margin-top: 0px;">
                        <!-- 竞赛图片名称 -->
                        <!-- <i class="service_icon"></i> -->
                        <img style="height: 150px;width: 230px;" src="C:\Users\dell\Desktop\tp\bg.jpg" alt="">
                    </div>
                    <div class="service_dec">
                        <p class="default_title">比赛名称：</p>
                        <p>类别：</p>
                        <p>发起人：</p>
                    </div>
                    <a href="matchsDetails.html" class="more_btn">查看详情</a>
                </li>


                <li class="service_item">
                    <div class="service_title">
                        <p class="default_title">02. 游戏渠道</p>
                        <p class="hover_title">
                            <span class="num">02</span>
                            <span class="name">游戏渠道</span>
                        </p>
                    </div>
                    <div class="service_pic">
                        <i class="service_icon icon_game"></i>
                    </div>
                    <div class="service_dec">
                        <p>上百款热门火爆页游接入，长期保持接口更新，海量渠道全程协…</p>
                    </div>
                    <a href="javascript:;" class="more_btn">查看详情</a>
                </li>
                <li class="service_item">
                    <div class="service_title">
                        <p class="default_title">03. 运营指导</p>
                        <p class="hover_title">
                            <span class="num">03</span>
                            <span class="name">运营指导</span>
                        </p>
                    </div>
                    <div class="service_pic">
                        <i class="service_icon icon_guide"></i>
                    </div>
                    <div class="service_dec">
                        <p>欣辰科技提供运营方案分析，教用户如何运作游戏平台，让每一位用…</p>
                    </div>
                    <a href="javascript:;" class="more_btn">查看详情</a>
                </li>
                <li class="service_item">
                    <div class="service_title">
                        <p class="default_title">04. 技术维护</p>
                        <p class="hover_title">
                            <span class="num">04</span>
                            <span class="name">技术维护</span>
                        </p>
                    </div>
                    <div class="service_pic">
                        <i class="service_icon icon_skill"></i>
                    </div>
                    <div class="service_dec">
                        <p>提供终身技术支持 服务方式包含：电话、邮件、QQ、工单系统、 …</p>
                    </div>
                    <a href="javascript:;" class="more_btn">查看详情</a>
                </li>
                <li class="service_item">
                    <div class="service_title">
                        <p class="default_title">05. 定制开发</p>
                        <p class="hover_title">
                            <span class="num">05</span>
                            <span class="name">定制开发</span>
                        </p>
                    </div>
                    <div class="service_pic">
                        <i class="service_icon icon_cust"></i>
                    </div>
                    <div class="service_dec">
                        <p>欣辰215YX根据客户需求制作模板，功能定制开发 按工期核算成本…</p>
                    </div>
                    <a href="javascript:;" class="more_btn">More</a>
                </li>
            </ul>
        </div>
    </div>
    <!--功能-->
    
    <!--新闻中心and常见问题-->
    <div class="container">
        <div class="news_wrap clearfix">
            <div class="news left">
                <div class="news_top clearfix">
                    <h2 class="news_title left">实时资讯</h2>
                    <a href="#" class="right more">/more+</a>
                </div>
                <div class="news_main clearfix">
                    <div class="news_big left">
                        <a href="javascript:;">
                            <div class="news_pic">
                                <img src="images/new_pic.png" alt="">
                            </div>
                            <div class="news_info">
                                <p class="news_name font_sl">王者荣耀：我的荣耀才没有这么坑！</p>
                                <p class="news_time">2017/09/18</p>
                            </div>
                        </a>
                    </div>
                    <ul class="news_list right">
                        <li class="new_item">
                            <dl class="clearfix">
                                <dt class="right">
                                    <a href="javascript:;">
                                        <img src="images/news_pic2.png" alt="">
                                    </a>
                                </dt>
                                <dd class="left">
                                    <p>
                                        <a href="#" class="news_dec">《剑雨星辰》攻略-剑雨星辰资讯-欣辰科技</a>
                                    </p>
                                    <span class="time">2016/11/07</span>
                                </dd>
                            </dl>
                        </li>
                        <li class="new_item">
                            <dl class="clearfix">
                                <dt class="right">
                                    <a href="javascript:;">
                                        <img src="images/news_pic2.png" alt="">
                                    </a>
                                </dt>
                                <dd class="left">
                                    <p>
                                        <a href="#" class="news_dec">《剑雨星辰》攻略-剑雨星辰资讯-欣辰科技</a>
                                    </p>
                                    <span class="time">2016/11/07</span>
                                </dd>
                            </dl>
                        </li>
                        <li class="new_item">
                            <dl class="clearfix">
                                <dt class="right">
                                    <a href="javascript:;">
                                        <img src="images/news_pic2.png" alt="">
                                    </a>
                                </dt>
                                <dd class="left">
                                    <p>
                                        <a href="#" class="news_dec">《剑雨星辰》攻略-剑雨星辰资讯-欣辰科技</a>
                                    </p>
                                    <span class="time">2016/11/07</span>
                                </dd>
                            </dl>
                        </li>
                        <li class="new_item">
                            <dl class="clearfix">
                                <dt class="right">
                                    <a href="javascript:;">
                                        <img src="images/news_pic2.png" alt="">
                                    </a>
                                </dt>
                                <dd class="left">
                                    <p>
                                        <a href="#" class="news_dec">《剑雨星辰》攻略-剑雨星辰资讯-欣辰科技</a>
                                    </p>
                                    <span class="time">2016/11/07</span>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="helps right">
                <div class="news_top clearfix">
                    <h2 class="news_title left">常见问题</h2>
                    <a href="#" class="right more">/more+</a>
                </div>
                <ul class="helps_list">
                    <li class="helps_item active">
                        <div class="helps_title">
                            <p class="helps_name font_sl">请问欣辰科技 混服是什么意思？</p>
                            <span class="helps_icon"></span>
                        </div>
                        <div class="helps_dec">
                            <p>混服运营平台没有直接从游戏开发商代理游戏的权利，是有文网
                                文资质的联运平台提供游戏接口给一些没有资质的小平台，双方
                                合作开服，各拿分成</p>
                            <a href="#" class="color_b">查看详情</a>
                        </div>
                    </li>
                    <li class="helps_item">
                        <div class="helps_title">
                            <p class="helps_name font_sl">请问欣辰科技 平台系统搭建+网页游戏代理网页游戏代理</p>
                            <span class="helps_icon"></span>
                        </div>
                        <div class="helps_dec">
                            <p>混服运营平台没有直接从游戏开发商代理游戏的权利，是有文网
                                文资质的联运平台提供游戏接口给一些没有资质的小平台，双方
                                合作开服，各拿分成</p>
                            <a href="#" class="color_b">查看详情</a>
                        </div>
                    </li>
                    <li class="helps_item">
                        <div class="helps_title">
                            <p class="helps_name font_sl">请问欣辰科技 平台系统搭建+网页游戏代理网页游戏代理</p>
                            <span class="helps_icon"></span>
                        </div>
                        <div class="helps_dec">
                            <p>混服运营平台没有直接从游戏开发商代理游戏的权利，是有文网
                                文资质的联运平台提供游戏接口给一些没有资质的小平台，双方
                                合作开服，各拿分成</p>
                            <a href="#" class="color_b">查看详情</a>
                        </div>
                    </li>
                    <li class="helps_item">
                        <div class="helps_title">
                            <p class="helps_name font_sl">请问欣辰科技 平台系统搭建+网页游戏代理网页游戏代理</p>
                            <span class="helps_icon"></span>
                        </div>
                        <div class="helps_dec">
                            <p>混服运营平台没有直接从游戏开发商代理游戏的权利，是有文网
                                文资质的联运平台提供游戏接口给一些没有资质的小平台，双方
                                合作开服，各拿分成</p>
                            <a href="#" class="color_b">查看详情</a>
                        </div>
                    </li>
                    <li class="helps_item">
                        <div class="helps_title">
                            <p class="helps_name font_sl">请问欣辰科技 平台系统搭建+网页游戏代理网页游戏代理</p>
                            <span class="helps_icon"></span>
                        </div>
                        <div class="helps_dec">
                            <p>混服运营平台没有直接从游戏开发商代理游戏的权利，是有文网
                                文资质的联运平台提供游戏接口给一些没有资质的小平台，双方
                                合作开服，各拿分成</p>
                            <a href="#" class="color_b">查看详情</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <div class="container">
            <div class="footer_top clearfix">
                <dl class="footer_code left">
                    <dt>
                        <img src="images/code.png" alt="">
                    </dt>
                    <dd>
                        <a href="#"><i class="iconfont icon-xiaoxi"></i>在线咨询</a>
                    </dd>
                </dl>
                <dl class="other_line left">
                    <dt>商户中心</dt>
                    <dd>
                        <a href="#">购买申请</a>
                    </dd>
                    <dd>
                        <a href="#">产品验证</a>
                    </dd>
                    <dd>
                        <a href="#">合作流程</a>
                    </dd>
                </dl>
                <dl class="other_line left">
                    <dt>服务内容</dt>
                    <dd>
                        <a href="#">游戏代理</a>
                    </dd>
                    <dd>
                        <a href="#">游戏盒子</a>
                    </dd>
                    <dd>
                        <a href="#">H5平台系统</a>
                    </dd>
                </dl>
                <dl class="other_line left">
                    <dt>关于215</dt>
                    <dd>
                        <a href="#">企业介绍</a>
                    </dd>
                    <dd>
                        <a href="#">公司证件</a>
                    </dd>
                    <dd>
                        <a href="#">招聘信息</a>
                    </dd>
                </dl>
                <dl class="left footer_contact other_line">
                    <dt>联系方式</dt>
                    <dd>
                        <span class="contact_icon"><i class="iconfont icon-dingwei"></i></span>
                        XXX
                    </dd>
                    <dd>
                        <span class="contact_icon"><i class="iconfont icon-dianhua1"></i></span>
                        XXX
                    </dd>
                    <dd>
                        <span class="contact_icon"><i class="iconfont icon-youxiang"></i></span>
                        XXX
                    </dd>
                </dl>
            </div>
            <div class="footer_line">
                    <span>友情链接：</span>
                    <a href="#">百度一下</a> |<a href="#">优酷视频</a> |<a href="#">腾讯视频</a>
            </div>
            <div class="footer_ban">
                <div class="left footer_ban_l">
                    <a href="#">版权所有 © XXX   沪ICP备XXX号-19  </a>
                </div>
                <div class="right footer_ban_r">
                    <img src="images/footer_logo.png" alt=""> |
                    <img src="images/footer_jw.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!--浮层-->
    <div class="float_box">
        <div class="float_up">
            <p>TOP</p>
            <span><i class="iconfont icon-jiantou-up"></i></span>
        </div>
        <ul class="float_list">
            <li>
                <span><i class="iconfont icon-qq"></i></span>
                <div class="show_box">
                    <a href="javascript:;">立即咨询</a>
                </div>
            </li>
            <li>
                <span><i class="iconfont icon-dianhua"></i></span>
                <div class="show_box">
                    <p>XXX</p>
                </div>
            </li>
            <li>
                <span><i class="iconfont icon-weixin1"></i></span>
                <div class="show_box">
                    <img src="images/code2.png" alt="" class="code">
                    <p>扫一扫，关注哦~</p>
                </div>
            </li>
        </ul>
        <div class="float_down">
            <span><i class="iconfont icon-jiantou-down"></i></span>
        </div>
    </div>
</body>
</html>
<script src="js/jquery.js"></script>
<script src="lib/swiper/js/swiper.min.js"></script>
<script src="js/common.js"></script>
<script>

  $(function(){
        //banner
      var swiper = new Swiper('.banner_container', {
          pagination: '.swiper-pagination',
          paginationClickable: '.swiper-pagination',
          nextButton: '.swiper-button-next',
          prevButton: '.swiper-button-prev',
          onlyExternal:false,
          speed:1000,
          autoplay:5000,
          loop:true
      });
      _indexFn._hover('.service_list');//服务列表
      _indexFn._hover('.cooperation_list');//合作流程

      _indexFn._hover('.function_list');//合作流程


        //常见问题
      $('.helps_title').on('click',function(){
         $(this).closest('.helps_item').toggleClass('active');
      });
  });



</script>